<template>
    <dl class="goods_list">
        <dt>
            <img :src="$store.state.domain + (item.picture ? item.picture : item.goodsThums)" alt="">
        </dt>
        <dd>
            <p class="f28">{{item.content ? item.content : item.goodsName}}</p>
            <div class="price f28">￥{{item.shopPrice ? item.shopPrice : item.shopprice}}</div>
        </dd>
    </dl>
</template>

<script>
    export default {
        name: 'goodsList',
        props:{
            item: Object
        },
        data() {
            return {

            }
        },
        methods: {

        },
        mounted() {
            
        }
    }
</script>

<style lang="less" scoped>
    .goods_list{
        border-bottom: 1px solid #F2F2F2;
        width: 100%;
        .h(210);
        overflow: hidden;
        background: #fff;
        .pl(200);
        box-sizing: border-box;
        position: relative;
        dt{
            .w(170);
            .h(170);
            z-index: 1;
            display: inline-block;
            position: absolute;
            left: 0px;
            top: 10px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        dd{
            .pt(30);
            .pr(30);
            width: 100%;
            box-sizing: border-box;
            display: inline-block;
            p{
                width: 100%;
                .lh(44);
                overflow : hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            .price{
                color: #E73828;
                font-family: 'PingFang-SC-Bold';
                .lh(96);
            }
        }
    }
</style>
